<html>
<head>
{% block css %}
<style type="text/css">
#navbar {
    height: 80px;
}

#navbar_title {
    width: 20%;
    height: 100%;
    position: relative; 
    float: left;
}

#navbar_links {
    width: 79%;
    height: 100%;
    position: relative;
    float: right;
    text-align: right;
}

#navbar_links_navigation {
    width: 79%;
    position: relative;
    float: left;
    text-align: right;
    
    border-right: 3px solid;
    padding-right: 4px;
}

#navbar_links_userinfo {
    width:20%;
    position: relative;
    float: right;
    padding-left: 4px;
    text-align: left;
}

#breadcrumbs {
    padding: 10px;
    border-top: solid 1px; 
    border-bottom: solid 1px; 
}

#searchbar {
    padding: 5px;
    border-bottom: solid 1px;
}

#listbar {
    width: 20%;
    height: 100%;
    position: relative;
    float: left;
}

#mainbar {
    width: 79%;
    height: 100%;
    position: relative;
    float: right;
}

</style>
{% endblock css %}
</head>

<div id="navbar">
<div id="navbar_title">
Fereol (c)
</div>
{% block navbar_links %}
<div id="navbar_links">
<div id="navbar_links_navigation">
<a href="aktualnosci">Aktualności (2)</a> |
<a href="przedmioty">Przedmioty</a> |
Pracownicy |
<a href="plan">Plan</a> |
<a href="inne">Inne</a>
</div>
<div id="navbar_links_userinfo">
Artur Średnicki |
<a href="/">wyloguj</a></div>
</div>
{% endblock navbar_links %}
</div>

{% block breadcrumbs %}
<div id="breadcrumbs">
Pracownicy
</div>
{% endblock %}

{% block listbar %}
<div id="listbar">
<ul>
<li>Pracownik 1</li>
<li>Pracownik 2</li>
</ul>
</div>
{% endblock %}

{% block maincontent %}
<div id="mainbar">
Zawartość.
</div>
{% endblock %}

</body>
</html>